<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="big-box">
      <h2>图书管理</h2>
      <form id="from">
        <label>
          编号：
          <input type="text" name="id" id="id"/>
        </label>
        <label>
          名称：
          <input type="text" name="name" id="name"/>
        </label>
        <button>提交</button>
      </form>
      <div>图书总数<span id="bookNum">3</span></div>
      <table cellspacing="0" cellpadding="0">
        <colgroup>
          <col width="10%" />
          <col width="30%" />
          <col width="40%" />
          <col width="20%" />
        </colgroup>
        <thead>
          <th>编号</th>
          <th>名称</th>
          <th>时间</th>
          <th>操作</th>
        </thead>
        <tbody>
          <!-- <tr>
            <td>1</td>
            <td>三国</td>
            <td>2022-07-03</td>
            <td>
              <a href="javascript:;">修改</a>
              <a href="javascript:;">删除</a>
            </td>
          </tr> -->
        </tbody>
      </table>
    </div>

    <!-- <script>
        $(this).serialize
    </script> -->

    <script src="./js/jquery.js"></script>
    <script src="./js/baseAPI.js"></script>
    <script src="./js/template-web.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
